/******************************
*同创模板网-专业提供企业网站源码程序模板*
* www.cnfusu.com *
* www.cnboco.com *
* 微信：cnboco *
* QQ:289229516 *
 ******************************/


#bonfire-pageloader {
	background-color: #383d53;
	display: table;
}

#bonfire-pageloader svg {
	fill: #fff;
}

#bonfire-pageloader {
	position: fixed;
	z-index: 99999999999999;
	width: 100%;
	height: 100%;
	left: 0;
	/*right: 0;*/
	top: 0;
	/*bottom: 0;*/
}

.bonfire-pageloader-fade {
	/*height: 0!important;*/
	opacity: 0 !important;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	-ms-transition: all .2s ease;
	transition: all .2s ease;
}

.bonfire-pageloader-hide {
	display: none!important;
}

.bonfire-pageloader-icon {
	width: 100px;
	height: 100px;
	margin: 100px auto 0;
	opacity: 1;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	color: #fff;
}

.bonfire-pageloader-icon p {
	margin-top: 0px;
}

.bonfire-pageloader-icon-hide {
	opacity: 0 !important;
	-webkit-transition: all .15s ease;
	-moz-transition: all .15s ease;
	-o-transition: all .15s ease;
	-ms-transition: all .15s ease;
	transition: all .15s ease;
}

#bonfire-pageloader img {
	-webkit-animation: spin 2s linear infinite;
	-moz-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
	width: 100px;
	height: 100px;
	display: inline-block;
}

@-webkit-keyframes spin {
	100% {
		-webkit-transform: rotate(-360deg);
	}
}

@-moz-keyframes spin {
	100% {
		-moz-transform: rotate(-360deg);
	}
}

@keyframes spin {
	100% {
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
}

html {
	height: 100%;
	-webkit-backface-visibility: hidden;
	-webkit-transform-origin: top;
	-moz-transform-origin: top;
	-ms-transform-origin: top;
	-o-transform-origin: top;
	transform-origin: top;
	-webkit-transition: all .75s ease;
	-moz-transition: all .75s ease;
	-o-transition: all .75s ease;
	-ms-transition: all .75s ease;
	transition: all .75s ease;
	/*overflow: hidden;*/
	overflow: auto;
}

.bonfire-html-onload {
	/*-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	-o-transform: translateY(-50px);
	transform: translateY(-50px);
	-webkit-transition: all 0s ease;
	-moz-transition: all 0s ease;
	-o-transition: all 0s ease;
	-ms-transition: all 0s ease;
	transition: all 0s ease;*/
}

@media (max-width:750px)and (min-width: 320px) {
	#bonfire-pageloader img {
		width: 70px;
		height: 70px;
	}
}